<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery中的筛选选择器</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
  <ul>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
  </ul>
  <ol>
    <li>哈哈哈啊哈</li>
    <li>哈哈哈啊哈</li>
    <li>哈哈哈啊哈</li>
    <li>哈哈哈啊哈</li>
    <li>哈哈哈啊哈</li>
    <li>哈哈哈啊哈</li>
  </ol>
  <script>
    $(function () {
      //第一个元素
      $("ul li:first").css('color','blue');
      //最后一个元素
      $('ul li:last').css('color','red');
      //用索引选择元素 索引与数组一样从0开始
      $('ul li:eq(1)').css('color','skyblue');
      //选择奇数
      $('ol li:odd').css('color','green');
      //选择偶数
      $('ol li:even').css('color','pink');
    })
  </script>
</body>
</html>